import {
  NavBar,
  Icon,
  WingBlank,
  WhiteSpace,
  InputItem,
  Button,
} from "antd-mobile";
import msg from "./msg.png";
import "./index.less";

function CodeRegister() {
  return (
    <div className="verify-code">
      <NavBar
        mode="light"
        icon={<Icon className="left-icon" type="left" />}
        onLeftClick={() => {}}>
        硅谷注册
      </NavBar>
      <WingBlank>
        <img className="verify-code-msg" src={msg} alt="msg" />
        <p className="verify-code-tip">
          我们将以短信或电话的形式将验证码发送给您，请注意接听0575/025/0592/010等开头的电话
        </p>
        <div className="verify-code-container">
          <InputItem placeholder="请输入手机验证码" />
          {/* <Button className="verify-code-btn">发送验证码</Button> */}
          <Button className="verify-code-btn verify-code-btn-disabled">
            发送验证码
          </Button>
        </div>
        <WhiteSpace size="xl" />
        <div className="btn-container">
          <Button disabled type="primary" className="btn">
            下一步
          </Button>
        </div>
        <span className="verify-code-question">
          遇到问题?请<a>联系客服</a>
        </span>
      </WingBlank>
    </div>
  );
}

export default CodeRegister;
